<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <jsp:include page="../basePath.jsp"></jsp:include>
    <title>操作流程跟踪</title>
    <style>
	.flow-steps{overflow:hidden;margin:10px -22px;}
	.flow-steps .num3 li{width:301px;}
	.flow-steps .num4 li{width:222px;}
	.flow-steps .num5 li{width:175px;}
	.flow-steps .num6 li{width:143px;}
	.flow-steps li{float:left;background:#e4e4e4 url(themes/comm/images/flow_steps_bg.png) no-repeat 100% 0;font-size:14px;font-weight:bold;height:23px;line-height:23px;text-align:center;color:#404040;padding:0 15px 0 0;overflow:hidden;}
	.flow-steps li span,.flow-steps li strong{display:block;}
	.flow-steps li .first{background:#e4e4e4 url(themes/comm/images/flow_steps_bg.png) no-repeat -12px -69px;}
	.flow-steps li.last{background-position:100% -138px;}
	.flow-steps li.current{background-color:#f60;color:#fff;}
	.flow-steps li.current-error{background-color:#f60;color:black;}
	.flow-steps li.current .first{background-color:#f60;background-position:-12px -92px;}
	.flow-steps li.current-prev{background-position:100% -23px!important;}
	.flow-steps li.done{background-color:#ffe6ba;background-position:100% -46px;color:#f60;}
	.flow-steps li.done .first{background-color:#ffe6ba;background-position:-12px -115px;}
	.flow-steps li.last-current{background-color:#f60;color:#fff;background-position:100% -161px;}
	</style>
    <script language="javascript" src="page/submitted/track_proc.js" charset="utf-8"></script>
  </head>
  
  <body class="scrolling">
  	<input id="dataColStatus" type="hidden" value="${progressStatus.dataColStatus }">
  	<input id="genDataStatus" type="hidden" value="${progressStatus.genDataStatus }">
  	<input id="dataCheckStatus" type="hidden" value="${progressStatus.dataCheckStatus }">
  	<input id="genFileStatus" type="hidden" value="${progressStatus.genFileStatus }">
	<div class="div">
		<table width="100%" class="form-table" border="0" align="center" >
			  <colgroup>
				<col class="label-column" width="100%">
			  </colgroup>
			  <tr id="infoTr1" height="24">
			 	<td align="left" style="padding:3px 8px;font-size:12px">
			 		数据日期：${etlContextVars.busiDate }&nbsp;&nbsp;&nbsp;
		    		导出方式：${etlContextVars.increment == '1' ? '增量' : '全量' }&nbsp;&nbsp;&nbsp;
					以下为流程跟踪图：
				</td>				    				    		
			  </tr>
			</table>
	
	
	  <div class="flow-steps">
		<ol class="num6">
			<li id="proc_00" style="width:60px"><span class="first">开始</span></li>
			<li id="proc1"><span>1. 报送数据采集</span></li>
			<li id="proc_11"style="width:20px"><span></span></li>
   			<li id="proc2"><span>2. 报送数据生成</span></li>
   			<li id="proc_21"style="width:20px"><span></span></li>
    		<li id="proc3"><span>3. 报送数据核对</span>	</li>
    		<li id="proc_31"style="width:20px"><span></span></li>
    		<li id="proc4"><span>4. 报送文件生成</span></li>
    		<li id="proc_41" style="width:60px" class="last"><span>结束</span></li>
		</ol>
	  </div>  
	</div>
  </body>
</html>
